<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>下单了</title>
    <link rel="stylesheet" href="../css/A.css"/>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css"
          integrity="sha384-B0vP5xmATw1+K9KRQjQERJvTumQW0nPEzvF6L/Z6nronJ3oUOFUFpCjEUQouq2+l" crossorigin="anonymous">
    <meta charset="utf-8">
    <script src="../../layui/layui.js"></script>
    <link rel="stylesheet" href="../../layui/css/layui.css"  />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <link rel="stylesheet" type="text/css" href="../css/style2.css">
</head>
<body>


<ul class="layui-nav">
    <li class="layui-nav-item">
        <a href="">主页<span class="layui-badge-dot"></span></a>
    </li>
    <li class="layui-nav-item">
        <a href="">我的购物车<span class="layui-badge-dot"></span></a>
    </li>
    <li class="layui-nav-item">
        <a href="">我的订单<span class="layui-badge-dot"></span></a>
    </li>
    <li class="layui-nav-item" lay-unselect="">
        <a href="javascript:;"><img src="//t.cn/RCzsdCq" class="layui-nav-img">个人中心</a>
        <dl class="layui-nav-child">
            <dd><a href="javascript:;">修改信息</a></dd>
            <dd><a href="javascript:;">修改密码</a></dd>
            <dd><a href="javascript:;">注销</a></dd>
        </dl>
    </li>
</ul>


<div class="layui-form-item" style="margin-top: 30px;margin-left: 150px">
<form action="${pageContext.request.contextPath}/dealOrder?totalfee=${totalfee}" method="POST" name="actionForm"
      id="actionForm">
    <label class="layui-form-label" style="font-size: larger;color: #0a74cb">姓名</label>
    <div class="layui-input-inline">
        <input id="userName"  type="text" class="form-control" name="userName" value="${userName}" required>
    </div>
    <label class="layui-form-label" style="font-size: larger;color: #0a74cb">手机</label>
    <div class="layui-input-inline">
        <input id="telNumber" type="text" class="form-control" name="telNumber" placeholder="请输入手机号" required>
    </div>
    <label class="layui-form-label" style="font-size: larger;color: #0a74cb">地址</label>
    <div  class="layui-input-inline">
        <input id="address" type="text" class="form-control" name="address" placeholder="请输入收货地址" required>
    </div>

    <div style="margin-left: 30px">
        <table class="table table-hover col-sm-10"  style=" border:1px solid #96c2f1;background:#eff7ff;">
        <thead>
        <tr>
            <th>图片</th>
            <th>名称</th>
            <th>数量</th>

        </tr>
        </thead>
        <tbody style=" border:1px solid #96c2f1;background:#eff7ff;">
        <c:forEach var="item" items="${checkedCars}">
        <tr>
            <td><a id="triggerBtn"><img style="height: 90px;width:90px" src=${item.url} lt=""></a></td>
            <td>${item.bookName}</td>
            <td>${item.num}</td>
        </tr>
        </c:forEach>
        </tbody>
        </table>
    </div>

    <div>
        <label class="layui-form-label" style="font-size: larger;color: #0a74cb">备注</label>
        <input id="message" type="text" style="width: 800px" class="form-control" name="message" placeholder="请输入备注" required>
    </div>
    <div style="height: 100px;width: 400px;font-size: larger;margin-top: 30px;">
        <label class="layui-form-label" style="font-size: large;color: #0a74cb">总价</label>
        ${totalfee}</div>

    <button type="submit" class="btn layui-btn layui-btn-normal layui-btn-radius">提交</button>
</form>
</div>



<script>

    //注意：折叠面板 依赖 element 模块，否则无法进行功能性操作
    layui.use('element', function(){
        var element = layui.element;

        //…
    });
</script>
</body>
</html>
